<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		<!--
		v-once表示只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过
		-->
		<div id="app">
	
		       输入姓名 <input type=text  v-model="Name">
			    <h1>姓名是[无v-once]：{{ Name }}</h1>
				
				<!--数据绑定变化它不变-->
				<h1 v-once>姓名是：{{ Name }}</h1>
		    </div>
		
		 
		    <script type="text/javascript">
		    //Model
		    var data = {
		        Name: '小明',
		    }
		
		    //ViewModel
		    var vue = new Vue({
		        el: '#app',
		        data: data,
		    });
		    </script>
</html>
